<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>例子</title>
<style>
html,body {
	margin: 0;
	padding: 0;
	/*background-color: #E5E4E2;*/
	background-color: #red;
}

</style>
</head>
<body>
	<div>
		<textarea id="detail"
			style="width: 100%; min-height: 400px; height: 100%">请使用“添加日记”按钮新建日记</textarea>
	</div>
	<script>
		var curNote = null;
		// 保存当前日记
		function saveNote() {
			var content = document.getElementById("detail");
			if (curNote != null) {
				var toJava = {
					method : "saveNote"
				};
				toJava['note'] = curNote;
				toJava['value'] = content.value;
				JWebTop.invokeRemote_NoWait(JSON.stringify(toJava));// 调用java，保存日记
			}
		}

		//被java回调的js函数
		function invokeByJava(jsonv) {
			if (!jsonv || !jsonv.method) return;
			if (jsonv.method == 'showDetail') {// 节点已添加，需要更新
				saveNote();// 切换之前保存当前日记
				var content = document.getElementById("detail");
				curNote=jsonv.note;
				content.value = jsonv.value;
			} else if (jsonv.method == 'willClose') {
				saveNote();// 关闭之前保存当前日记
				JWebTop.close();
			}
		}
    
	// 被远程进程调用
	function invokeByDLL(jsonValue){
		invokeByJava(jsonValue);
		return jsonValue.value;
	}
	function afterBrowserInit(){
		// JWebTop.showDev();
		// 注册日记细节浏览器到java端
		toJava = {
			method : "setDetailHandler",
			value : JWebTop.handler
		}
		JWebTop.invokeRemote_NoWait(JSON.stringify(toJava));// 调用java，为其设置内容浏览器的句柄
	}
	addEventListener("JWebTopReady", afterBrowserInit);
	</script>
</body>
</html>
